<template>
<div class="contentViews">
  <div class="mark_container">
<div class="left_nav">
  <LeftNav></LeftNav>
</div>
<div class="ztree_list">
 <ZtreeList></ZtreeList>
</div>
<div class="details">
<!--<MarketDetails>-->
  <!---->
<!--</MarketDetails>-->
  <router-view class="view"></router-view>
</div>
  </div>
</div>
</template>
<script>
  import LeftNav from '../../components/marketingComponent/leftNav'
  import ZtreeList from '../../components/marketingComponent/ztreeList'
  export default {
    data () {
      return {
      }
    },
    methods: {},
    components: {
      LeftNav,
      ZtreeList
    },
    watch: {},
    mouted: {}
  }
</script>
<style lang="scss" scoped>
  .contentViews{
    position:absolute;
    top:80px;
    left:0;
    right:0;
    bottom:0;
  }
.mark_container{
  width:100%;
  height:100%;
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}
 .left_nav{
 width:200px;
 height:100%;
 /*background:pink;*/
 }
  .ztree_list{
    width:180px;
    height:100%;
    /*background:orange;*/
  }
  .details{
    width: calc(100% - (200px + 180px));
    height:100%;
    /*background:orchid;*/
  }
</style>
